<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>奖学金详情页面</title>
    <link rel="stylesheet" type="text/css" href="../static/admin/layui2/css/layui.css"/>
</head>
<body class="layui-layout-body" style="background-color: #919191;overflow:auto">
        <div class="layui-anim layui-anim-scale" style="background-color: #919191;">
            <div class="layui-card" style="width: 500px;margin-left: 47px">
                <div class="layui-card-header" style="text-align:center">赞助人信息</div>
                <div class="layui-card-body">
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th style="width: 100px">姓名</th>
                            <th style="width: 100px">性别</th>
                            <th style="width: 100px">政治面貌</th>
                            <th style="width: 100px">职位</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="name"></td>
                            <td id="gender"></td>
                            <td id="politic"></td>
                            <td id="profession"></td>
                        </tr>
                        </tbody>
                    </table>
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th style="width: 166px">届</th>
                            <th style="width: 166px">学院</th>
                            <th style="width: 166px">专业</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="graduate"></td>
                            <td id="department"></td>
                            <td id="major"></td>
                        </tr>
                        </tbody>
                    </table>
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th style="width: 250px">电话号码</th>
                            <th style="width: 250px">邮箱</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="phone"></td>
                            <td id="mail"></td>
                        </tr>
                        </tbody>
                    </table>
                    <table class="layui-table" lay-size="lg">
                        <thead>
                        <tr>
                            <th>简介</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="introduction"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="layui-card" style="width: 500px;margin-left: 47px">
                <div class="layui-card-header" style="text-align:center">奖学金信息</div>
                <div class="layui-card-body">
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th style="width: 100px">奖金编号</th>
                            <th style="width: 100px">名称</th>
                            <th style="width: 100px">状态</th>
                            <th style="width: 100px">金额</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="sid"></td>
                            <td id="sname"></td>
                            <td id="state"></td>
                            <td id="money" style="color: #0C0C0C;font-size: 20px"></td>
                        </tr>
                        </tbody>
                    </table>
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th style="width: 166px">总名额</th>
                            <th style="width: 166px">剩余名额</th>
                            <th style="width: 166px">申请人数</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="sum" style="color: #1E9FFF;font-size: 20px"></td>
                            <td id="residue" style="color: #1E9FFF;font-size: 20px"></td>
                            <td id="applyNum" style="color: #1E9FFF;font-size: 20px"></td>
                        </tr>
                        </tbody>
                    </table>
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th style="width: 250px">开始时间</th>
                            <th style="width: 250px">结束时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="startTime"></td>
                            <td id="endTime" style="color: #1E9FFF"></td>
                        </tr>
                        </tbody>
                    </table>
                    <table class="layui-table" lay-size="lg">
                        <thead>
                        <tr>
                            <th>要求</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="require"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
      </div>
<script src="../static/admin/layui2/layui.js" type="text/javascript" charset="utf-8"></script>
<script>
    layui.use(['element','form','jquery','layer','laydate'], function(){
        laydate = layui.laydate
        layer = layui.layer
        $ =layui.jquery;

    });
</script>
</body>

</html>